<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/12/16
  Time: 14:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爱健身</title>
    <link rel="stylesheet" href="css/home.css">
    <style>
        /*.eyes{*/
        /*    background-image: url("../img/jghy.jpg");*/
        /*    height: 1287px;*/
        /*    width: 1646px;*/
        /*}*/

    </style>
</head>
<body>
<!--公用网站导航栏-->
<div class="top">
    <!--小logo模块-->
    <div>
        <div>
            <div>
                <img src="${CompanyModel.logo}" height="40" width="10"/>
            </div>
            <div>
                <div>
                    <div>${CompanyModel.name}</div>
                    <div>${CompanyModel.enName}</div>
                </div>
            </div>
        </div>
        <!--导航栏设置-->
        <div>
            <c:forEach items="${navModels}" var="navModel">
                <a href="${navModel.href}">
                    <div> ${navModel.title}</div>
                </a>
            </c:forEach>

<%--            <a href="home.html">--%>
<%--                <div>${CompanyModel.firstPage}</div>--%>
<%--            </a>--%>


<%--            <a href="aboutus.html">--%>
<%--                <div>${topModel.aboutPage}</div>--%>
<%--            </a>--%>


<%--            <a href="news.html">--%>
<%--                <div>${topModel.newsPage}</div>--%>
<%--            </a>--%>


<%--            <a href="product.html">--%>
<%--                <div>${topModel.productPage}</div>--%>
<%--            </a>--%>


<%--            <a href="sirenjiaolian.html">--%>
<%--                <div>${topModel.teamPage}</div>--%>
<%--            </a>--%>


<%--            <a href="callus.html">--%>
<%--                <div>${topModel.callusPage}</div>--%>
<%--            </a>--%>

        </div>

    </div>
</div>
<!--首页第一栏图片-->
<div class="eyes">
    <div><img src="img/jghy.jpg"/></div>

</div>
<!--首页第二栏图片及下拉文字介绍-->
<div class="arm">
    <div>
        <div>
            <div>${letitleModel.aboutTitle}</div>
            <div>ABOUT US</div>
        </div>
        <div>
            <div>
                万息健身用品专卖店是由上市公司中高体股份有限公司和美国倍力公司合作成立的一家高度专业化、规模化、高档次经营健身俱乐部的合资公司，中体产业股份有限公司是国家体育总局控股的利康体育上市公司，自1998年3月成立以来，始终致力于体育产业的经营与开发，并不断拓展体育市场经营领域，实现体育产业的多元化经营。
            </div>
        </div>

    </div>


</div>
<!--公司背景-->
<div class="reading">
    <div>万息健身运动有限公司由中国万息有限公司和美国伟力公司合作成立的一家高度专业化
        规银化、高档次经营健身俱乐部的合资公司，中国万息有限公司是家体育上市公司，1983月成立以来，始经致力于体育产业的经营与开发，并不断拓展体育市场经营领域，实现体育产业的多元化经营........
    </div>

</div>
<!--首页私教栏-->
<div class="hands">
    <div>

        <div>
            <div>
                <div>${letitleModel.teamTitle}</div>
                <div>OUR TEAM</div>
            </div>

        </div>

        <div>
            <div>
                <div>
                    <div><img src="img/uk1s.jpg" height="291" width="317"/></div>
                    <div>
                        <div>玛格丽特</div>
                        <div>二级健身指导员</div>
                    </div>
                </div>
                <div>
                    <div><img src="img/ca9a.jpg" height="291" width="317"/></div>
                    <div>
                        <div>布鲁斯</div>
                        <div>二级健身指导员</div>
                    </div>
                </div>
                <div>
                    <div><img src="img/2fi2.jpg" height="291" width="317"/></div>
                    <div>
                        <div>tom</div>
                        <div> 一级健身指导员</div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <a href="sirenjiaolian.html">
                <div>MORE+</div>
            </a>
        </div>
    </div>
    <div>
        <div>
            <div>
                <div>与其计划明天不如从今天开始</div>
                <div>It is better to start today than to plan tomorrow</div>
            </div>
            <div>
                <a href="sirenjiaolian.html">
                    <div>MORE+</div>
                </a>
            </div>

        </div>
    </div>
</div>

<!--首页新闻资讯栏-->

<div class="fingers">
    <div>
        <div>
            <div>${letitleModel.newsTitle}</div>
            <div>NEWS</div>
        </div>
    </div>
    <div>
        <div>
            <div><img src="img/k1nj.jpg" height="291" width="317"/></div>
            <div>
                <div> 未来，健身行业发展的趋势是什么?</div>
                <div>2015-11-25</div>
                <div>未来，医疗与运动防护结合是健身行业发展的大趋势首届
                    中国好教练运动防护培训视频集锦
                    作为经营者需意识...
                </div>
            </div>

        </div>
        <div>
            <div><img src="img/wwuc.jpg" height="291" width="317"/></div>
            <div>
                <div>夏季参加户外运动注意事项:防晒至关重要
                </div>
                <div>2014-10-09
                </div>
                <div>夏季进行海岸线穿越或者是登山，阳光相当强烈，务必要
                    注意防晒。-般来说，队伍在早晨出发，到达出发地点
                    ....
                </div>
            </div>
        </div>
        <div>
            <div><img src="img/2ady.jpg" height="291" width="317"/></div>
            <div>
                <div>户外急救:两根竹子一根绳就地取材学做担架
                </div>
                <div>2014-10-09
                </div>
                <div>昨日上午11点半，人民公园门口围着一群身穿橘黄色马甲
                    的人，他们是成都市综合应急志愿者服务队的部分成...
                </div>
            </div>
        </div>
    </div>
    <div>
        <a href="news.html">
            <div>
                MORE+
            </div>
        </a>
    </div>

</div>
<!--填表信息-->
<div class="fit">
    <div>
        <div>
            <div><img src="img/acfa5605108c3150158055c03e58b035.png" height="459" width="562"/>
            </div>
        </div>
        <div>

            <div>填表格可在私教带领下免费体验一次!
            </div>
            <div>请仔细填写好下方预约表格，我们的客服人员会在24小时内与您联系，
                谢谢您的支持与关注!
            </div>
            <div>
                <div>
                    <div>
                        <div>姓名</div>
                        <div contenteditable="true"></div>
                    </div>
                    <div>
                        <div>电话</div>
                        <div contenteditable="true"></div>
                    </div>
                </div>
                <div>
                    <div>
                        <div>邮箱</div>
                        <div contenteditable="true"></div>
                    </div>
                    <div>
                        <div>内容</div>
                        <div contenteditable="true"></div>
                    </div>
                </div>
            </div>

            <a href="#">
                <div>提交</div>
            </a>
            <div>THANKS</div>


        </div>
    </div>

</div>
<!--公用网页底部颜色-->
<div class="foot"></div>

</body>
</html>
